// @import url('@/assets/iconfont/iconfont.css');
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
//让svg图片可以修改颜色
 svg {
   fill: currentColor;
 }
     path {
       fill: unset;
     }
.basic-page {
  @apply px-6 flex-1 h-full flex flex-col overflow-hidden bg-white rounded-[10px];
}
.basic-page-content {
  @apply flex-1 h-full flex flex-col overflow-hidden;
}
.basic-page-header {
  @apply h-16 flex items-center;
  min-height: 64px;
  &.hide-back-text {
    .el-page-header__left {
      .el-page-header__back {
        & + .el-divider[role='separator'],
        .el-page-header__title {
          display: none;
        }
      }
    }
  }
}
.common-btn {
  font-size: 12px!important;
}
.basic-table {
  td.el-table__cell {
    padding: 16px 0;
    color: #666;
    font-size: 14px;
  }

  .el-table__header-wrapper {
    th.el-table__cell {
      background-color: #fff !important;
      min-height: 56px;
    }
  }
  .el-table__inner-wrapper::before {
    height: 0;
  }
}

.el-popper {
  max-width: 400px;
}

// .basic-message-box {
//   .el-message-box__header {
//     background-color: var(--el-fill-color-lighter, #fafafa);
//     // border-bottom: 1px solid var(--el-border-color-light, #e4e7ed);
//   }
//   .el-message-box__content {
//     @apply px-4 py-6;
//   }
//   .el-message-box__btns {
//     // background-color: var(--el-fill-color-lighter, #fafafa);
//     padding-top: 10px;
//     border-top: 1px solid var(--el-border-color-light, #e4e7ed);
//   }
// }
.basic-message-box {
  padding: 0 !important;
  width: 344px !important;
  border-radius: 7.5px !important;
  .el-message-box__header{
    height: 44px;
    border-bottom: 1px solid #f6f6f6;
    padding: 16px 24px;
    text-align: center;

    .el-message-box__title {
      color: #262626;
      font-size: 12px;
      .el-message-box__headerbtn{
        top: 10px!important;
      }
    }

    .el-message-box__close {
      color: #666;
      font-size: 18px;
    }
  }

  .el-message-box__content {
    color: #000000;
    padding: 48px 36px 51px 40px;
    .el-message-box__message {
      text-align: center;
      font-size: 12px;
    }
  }

  .el-message-box__btns {
    height: 48px;
    border-top: 1px solid #f6f6f6;
    padding-top: 0;

    .el-button {
      border-radius: 6px;
    }
  }
}
.basic-dialog {
  .el-dialog__header {
    @apply flex items-center py-0;
    border-bottom: 1px solid var(--el-border-color-light, #e4e7ed);
    margin-right: 0;
    height: 52px;
  }
  .el-dialog__footer {
    @apply flex items-center justify-end py-0 h-16;
    border-top: 1px solid var(--el-border-color-light, #e4e7ed);
  }
}

.basic-descriptions {
  .el-descriptions__label {
    @apply break-keep;
  }
}
//滚动条样式
/* 修改滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

/* 定义滚动条轨道 内阴影+圆角 */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d8d8d8;
}